草庐IT

JavaFX 文本字段 CSS

全部标签

javascript - 如何使用 CSS3 和 jQuery 创建旋转齿轮?

我有以下网站,它在Flash中,后台有旋转的齿轮:http://thedrivepartnership.com/index.html我想使用CSS和JavaScript创建类似的东西-有人知道那里有任何示例吗? 最佳答案 我想你可以做的是创建一个填充窗口的容器,然后将你的齿轮放入该容器中。例如,您可能会在文件顶部放置一个包含动画的容器,其z-index非常低,适合窗口并具有固定位置。你会把你的内容放在最上面,假装css4刚出来支持.avi背景。只是在开玩笑。代码://Yourawesomecogpictures//Youraweso

javascript - 我可以在构建元素时暂时关闭所有 CSS3 过渡/动画吗?

我为网站创建了一个相当复杂的菜单。菜单来自大量基于CSS3的动画。然而,当我导航到不同的页面时,菜单应该最初建立-没有所有的动画,但在JS方面而不是在服务器端完成。现在我想知道如何暂时完全禁用所有转换/动画,直到菜单构建完成。我考虑过创建一个覆盖动画的子类,但它似乎不起作用,因为它总是使用基类中定义的动画/过渡? 最佳答案 我建议通过在构建菜单后由JavaScript添加的类来应用动画/过渡。有animation-play-state可以暂停动画的属性,但只在Safari5和Chrome4中出现(带有前缀)(与Safari4和Chr

javascript - 如何使 Javascript focus() 方法在输入文本框的 onBlur 事件中工作?

对我来说,如果我将Javascriptfocus()方法与按钮和onClick事件一起使用,它工作正常,但是对于文本框中的onBlur,它不起作用.任何人都可以指导我吗?functiondisplayResult(){varinp1=document.getElementById("text1").value;varinp2=inp1.length;if(inp2==0){alert("Field1cannotbeleftEmpty");//document.getElementById("text1").value="";document.getElementById("text1"

javascript - 防止从文本区域复制文本的所有方法的跨浏览器方法?

我正在开发一款在线打字软件。在打字软件中,一切顺利,但我遇到了不诚实的用户的问题,他们可能会将文本键入文本区域,复制它,然后重新加载页面(因此重置计时器)并直接粘贴它。因此,当javascript检测到按下ctrl/cmd按钮以及C键时,我正在考虑使用类似evt.preventDefault();的方法。但后来我意识到用户总是可以转到菜单栏以按Edit->Copy。所以我想知道,是否有跨浏览器的方法来禁用这两种复制方法? 最佳答案 您可以尝试使用以下jQuery代码:$('input[type=text],textarea').bi

javascript - 填写完所有先前的字段后,添加新的输入字段

这是我当前的HTML和CSS代码:1.2.3.​#border#info-box#info#boxinput[type="text"]{float:left;margin-top:10px;margin-bottom:10px;height:25px;width:650px;outline:none;}#border#info-box#info#boxinput[type="submit"]{margin-left:500px;margin-top:10px;margin-bottom:10px;height:35px;color:#fff;font-size:20px;border:

javascript - 使用 Javascript 读取 CSS 文件并动态更改页面

所以CSS@media查询在IE8中不起作用。@media(min-width:768px){/*somecss*/}@media(min-width:972px)and(max-width:1024px){/*differentcss*/}现在,我可以创建名为IE_min768.css和IE_min972_max1024的单独CSS文件,并使用Javascript动态加载和卸载文件作为调整页面宽度。但这违反了D.R.Y.在多个地方维护CSS会很痛苦。是否可以使用Javascript(仅在IE中)实际读取CSS文件、检测@media部分并在正确的情况下将该CSS动态应用到浏览器?

javascript - JavaScript 阻止的 CSS 转换

我正在尝试在非常密集的JavaScript期间创建一个加载栏,其中构建并填充了一些非常繁重的3d数组。在用户单击按钮之前,此加载栏需要保持为空。卡住发生无论是否我正在使用-webkit-transition(这个应用程序可以是chrome独有的,在我的情况下不需要跨浏览器)。为了简单起见,我把我的酒吧建成了这样.........然后试图在我的主for循环的各个阶段增加该栏:for(i=0;i问题是在JavaScript完成之前一切都卡住了。我在StackOverflow上发现了一个类似的问题,UsingCSSanimationwhilejavascriptcomputes,并在评论中找

javascript - CSS3 边框半径到 HTML5 Canvas

我试图在Canvas中重现CSS3边框半径。绘制圆Angular矩形很容易,但在CSS中,每个边框的值可能很高。例如:HTMLCSSdiv{height:50px;width:50px;position:absolute;top:10px;}.normal_radius{border:1pxsolidblack;border-radius:5px5px10px15px;left:10px;}.high_radius{border:1pxsolidred;border-radius:5000px500px100px150px;left:80px;}.high2_radius{border

javascript - 在 Chrome 扩展程序中将文本复制到剪贴板

我正在编写GoogleChrome扩展程序,我想在内容脚本中复制剪贴板中的一些文本。我尝试选择它,然后选择document.execCommand('copy')-它不起作用。我不想要Flash,因为它不是实现它的简单而优雅的方法。我尝试了后台页面和-它不起作用。在Chrome扩展程序中是否有任何工作、优雅和简单的方法将文本复制到剪贴板?它还可以使用jQuery。问候 最佳答案 这里有一些可以复制/粘贴的工作(Coffeescript)代码:https://github.com/philc/vimium/blob/master/li

javascript - DOMParser 注入(inject) DOM 但注入(inject)后不应用 css 样式表?

我有一个小测试用例:http://jsfiddle.net/9xwUx/1/代码归结为以下内容(给定一个id为“target”的节点):varstring='thisshouldbepink,butisnot';varparser=newDOMParser();vardomNode=parser.parseFromString(string,"text/xml");document.getElementById("target").appendChild(domNode.firstChild);如果您运行测试用例,然后通过firebug/chrome网络检查器检查目标节点并选择jsfi